<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="less/css/base.css">
    <link rel="stylesheet" href="less/css/index.css">
    <script src="flexible.js"></script>
</head>
<body>
    <!-- 总大盒子 -->
    <div class="dahezi clearfix">
        <div class="youpin">
            <span class="left">有品</span>
            <div class="srk left">
               <input type="text" placeholder="搜一搜">
            </div>
            
        </div>
        <!-- 第一张图片 -->
         <div class="onetupian">
            <img src="img/c0d32bc0_2c08_452b_af64_786801aad448.png" alt="">
         </div>
         <div class="twoimg clearfix">
            <img src="img/9080855f_d1f1_4bd9_b427_b60fa7cc1992.png" alt="">
            <img src="img/aphcvmd2gvg_22028918941626688016327.png" alt="">
            <img src="img/79ca50c5_dc92_41da_bf5d_08ea24bb9652.png" alt="">
            <img src="img/ea317c7c_ef18_4ee7_91ab_15fa62c72e19.png" alt="">
            <img src="img/jqdqm5q81n8_22028918941626687376754.png" alt="">
            <span>上新精选</span>
            <span>小米众筹</span>
            <span>优品秒杀</span>
            <span>生活优选</span>
            <span>小米自营</span>
         </div>
         <div class="three clearfix">
            <div class="three1 left aa"><span>精选毫无</span></div>
            <div class="three1 left"><span>优品定制</span></div>
            <div class="three1 left"><span>热销排行</span></div>
            <div class="three1 left"><span>畅享清凉</span></div>
         </div>

         <div class="num left">
            <div class="num1">
                <img src="img/36c02622_5357_4c46_8953_8ad4c9e0d589.png@base@tag=imgScale&F=webp&h=342&w=342" alt="">
                <div class="aaaaaa left">
                <span class="one">质感ai智能手表</span>
                <br>
                <span class="two">金属外观升级,内置ai</span>
                <br>
                <span style="color: brown;" class="three">9999</span>
            </div>
            </div>
            </div>

            <div class="num left">
            <div>
            <div class="num1">
                <img src="img/36c02622_5357_4c46_8953_8ad4c9e0d589.png@base@tag=imgScale&F=webp&h=342&w=342" alt="">
                <div class="aaaaaa left">
                <span class="one">质感ai智能手表</span>
                <br>
                <span class="two">金属外观升级,内置ai</span>
                <br>
                <span style="color: brown;" class="three">9999</span>
            </div>
            </div>
         </div>
           </div>

           <div class="num left">
            <div>
            <div class="num1">
                <img src="img/36c02622_5357_4c46_8953_8ad4c9e0d589.png@base@tag=imgScale&F=webp&h=342&w=342" alt="">
                <div class="aaaaaa left">
                <span class="one">质感ai智能手表</span>
                <br>
                <span class="two">金属外观升级,内置ai</span>
                <br>
                <span style="color: brown;" class="three">9999</span>
            </div>
            </div>
         </div>
           </div>

           <div class="num left">
            <div>
            <div class="num1">
                <img src="img/36c02622_5357_4c46_8953_8ad4c9e0d589.png@base@tag=imgScale&F=webp&h=342&w=342" alt="">
                <div class="aaaaaa left">
                <span class="one">质感ai智能手表</span>
                <br>
                <span class="two">金属外观升级,内置ai</span>
                <br>
                <span style="color: brown;" class="three">9999</span>
            </div>
            </div>
         </div>
           </div>

           <div class="num left">
            <div>
            <div class="num1">
                <img src="img/36c02622_5357_4c46_8953_8ad4c9e0d589.png@base@tag=imgScale&F=webp&h=342&w=342" alt="">
                <div class="aaaaaa left">
                <span class="one">质感ai智能手表</span>
                <br>
                <span class="two">金属外观升级,内置ai</span>
                <br>
                <span style="color: brown;" class="three">9999</span>
            </div>
            </div>
         </div>
           </div>

           <div class="num left">
            <div>
            <div class="num1">
                <img src="img/36c02622_5357_4c46_8953_8ad4c9e0d589.png@base@tag=imgScale&F=webp&h=342&w=342" alt="">
                <div class="aaaaaa left">
                <span class="one">质感ai智能手表</span>
                <br>
                <span class="two">金属外观升级,内置ai</span>
                <br>
                <span style="color: brown;" class="three">9999</span>
            </div>
            </div>
         </div>
           </div>

           <div class="num left clearfix">
            <div>
            <div class="num1">
                <img src="img/36c02622_5357_4c46_8953_8ad4c9e0d589.png@base@tag=imgScale&F=webp&h=342&w=342" alt="">
                <div class="aaaaaa left">
                <span class="one">质感ai智能手表</span>
                <br>
                <span class="two">金属外观升级,内置ai</span>
                <br>
                <span style="color: brown;" class="three">84899</span>
            </div>
            </div>
         </div>
           </div>

           <div class="num left clearfix">
            <div>
            <div class="num1">
                <img src="img/36c02622_5357_4c46_8953_8ad4c9e0d589.png@base@tag=imgScale&F=webp&h=342&w=342" alt="">
                <div class="aaaaaa left">
                <span class="one">质感ai智能手表</span>
                <br>
                <span class="two">金属外观升级,内置ai</span>
                <br>
                <span style="color: brown;" class="three">9589</span>
            </div>
            </div>
         </div>
           </div>

           <div class="num left clearfix">
            <div>
            <div class="num1 left">
                <img src="img/36c02622_5357_4c46_8953_8ad4c9e0d589.png@base@tag=imgScale&F=webp&h=342&w=342" alt="">
                <div class="aaaaaa left">
                <span class="one">质感ai智能手表</span>
                <br>
                <span class="two">金属外观升级,内置ai</span>
                <br>
                <span style="color: brown;" class="three">98459</span>
            </div>
            </div>
         </div>
           </div>

           <div class="num left clearfix">
            <div>
            <div class="num1">
                <img src="img/36c02622_5357_4c46_8953_8ad4c9e0d589.png@base@tag=imgScale&F=webp&h=342&w=342" alt="">
                <div class="aaaaaa left">
                <span class="one">质感ai智能手表</span>
                <br>
                <span class="two">金属外观升级,内置ai</span>
                <br>
                <span style="color: brown;" class="three">9952</span>
            </div>
            </div>
         </div>
           </div>
           
           <div class="ooo left" style="background-color: #f4f4f4;">
              ----更多好物,敬请期待----
           </div>

           <div class="nnaa left">
            <span class="kkkk left">首页</span>
            <span class="kkkk left">我的</span>
            <span class="kkkk left">分类</span>
            <span class="kkkk left">购物</span>
           </div> 

           
        
</div>

</body>
</html>